@property --bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 700;
}
@property --semi {
  syntax: "<number>";
  inherits: true;
  initial-value: 600;
}
@property --medium {
  syntax: "<number>";
  inherits: true;
  initial-value: 500;
}
@property --normal {
  syntax: "<number>";
  inherits: true;
  initial-value: 400;
}
@property --brand-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #14121F;
}
@property --brand-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1B1525;
}
@property --brand-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #291F43;
}
@property --brand-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #33255B;
}
@property --brand-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3C2E69;
}
@property --brand-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #473876;
}
@property --brand-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #56468B;
}
@property --brand-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6958AD;
}
@property --brand-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #755ed1;
}
@property --heading {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --text-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --text-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --text-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --text-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --text-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --brand-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8a75dd;
}
@property --brand-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #BAA7FF;
}
@property --brand-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E2DDFE;
}
@property --text-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --text-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.875rem;
}
@property --text-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.25rem;
}
@property --text-5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --text-6xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3.75rem;
}
@property --border-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2px;
}
@property --border-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1px;
}
@property --neutral-0 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0b0a0b;
}
@property --neutral-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #121113;
}
@property --neutral-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1A191B;
}
@property --neutral-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #232225;
}
@property --neutral-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2B292D;
}
@property --neutral-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #323035;
}
@property --neutral-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3C393F;
}
@property --neutral-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #49474E;
}
@property --neutral-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #625F69;
}
@property --neutral-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6F6D78;
}
@property --shadow-lg {
  syntax: "*";
  inherits: true;
  initial-value:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
}
@property --shadow-md {
  syntax: "*";
  inherits: true;
  initial-value:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
}
@property --shadow-sm {
  syntax: "*";
  inherits: true;
  initial-value:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
@property --shadow-xl {
  syntax: "*";
  inherits: true;
  initial-value: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
}
@property --success-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0D1514;
}
@property --success-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111C1B;
}
@property --success-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0D2D2A;
}
@property --success-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #023B37;
}
@property --success-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #084843;
}
@property --success-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #145750;
}
@property --success-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1C6961;
}
@property --success-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #207E73;
}
@property --success-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #12A594;
}
@property --warning-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #16120C;
}
@property --warning-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1D180F;
}
@property --warning-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #302008;
}
@property --warning-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3F2700;
}
@property --warning-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4D3000;
}
@property --warning-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5C3D05;
}
@property --warning-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #714F19;
}
@property --warning-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8F6424;
}
@property --warning-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFC53D;
}
@property --critical-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #191113;
}
@property --critical-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1E1517;
}
@property --critical-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3A141E;
}
@property --critical-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4E1325;
}
@property --critical-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5E1A2E;
}
@property --critical-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6F2539;
}
@property --critical-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #883447;
}
@property --critical-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B3445A;
}
@property --critical-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E54666;
}
@property --neutral-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7C7A85;
}
@property --neutral-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B5B2BC;
}
@property --neutral-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EEEEF0;
}
@property --overlay-a1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff0d;
}
@property --overlay-a2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff1a;
}
@property --overlay-a3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff26;
}
@property --overlay-a4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff33;
}
@property --overlay-a5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff4d;
}
@property --overlay-a6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff66;
}
@property --overlay-a7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff80;
}
@property --overlay-a8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff99;
}
@property --overlay-a9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffb3;
}
@property --shadow-2xl {
  syntax: "*";
  inherits: true;
  initial-value:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
@property --success-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0EB39E;
}
@property --success-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0BD8B6;
}
@property --success-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ADF0DD;
}
@property --warning-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFD60A;
}
@property --warning-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFCA16;
}
@property --warning-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFE7B3;
}
@property --border-none {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --critical-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EC5A72;
}
@property --critical-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FF949D;
}
@property --critical-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FED2E1;
}
@property --overlay-a10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffcc;
}
@property --overlay-a11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffe6;
}
@property --overlay-a12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fffffff2;
}
@property --rounding-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 8px;
}
@property --rounding-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4px;
}
@property --rounding-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2px;
}
@property --shadow-base {
  syntax: "*";
  inherits: true;
  initial-value:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
@property --badge-size-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.5rem;
}
@property --badge-size-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --badge-size-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --header-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4.5rem;
}
@property --rounding-full {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 9999px;
}
@property --rounding-none {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --avatar-size-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --avatar-size-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --avatar-size-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --line-height-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.75rem;
}
@property --line-height-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --line-height-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --line-height-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.875rem;
}
@property --line-height-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --line-height-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --line-height-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.375rem;
}
@property --line-height-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.75rem;
}
@property --line-height-5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3.75rem;
}
@property --line-height-6xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4.5rem;
}
@property --side-menu-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4rem;
}
@property --spinner-size-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.75rem;
}
@property --spinner-size-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --spinner-size-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --toggle-height-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --heading-thickness {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --letter-spacing-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: -0.045rem;
}
@property --letter-spacing-5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: -0.0575rem;
}
@property --letter-spacing-6xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: -0.075rem;
}
@property --overlay-inverted-a1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0000000d;
}
@property --overlay-inverted-a2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0000001a;
}
@property --overlay-inverted-a3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000026;
}
@property --overlay-inverted-a4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000033;
}
@property --overlay-inverted-a5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0000004d;
}
@property --overlay-inverted-a6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000066;
}
@property --overlay-inverted-a7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000080;
}
@property --overlay-inverted-a8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000099;
}
@property --overlay-inverted-a9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000b3;
}
@property --overlay-inverted-a10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000cc;
}
@property --overlay-inverted-a11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000e6;
}
@property --overlay-inverted-a12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000f2;
}
@property --interactive-height-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --interactive-height-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.5rem;
}
@property --interactive-height-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}

  :host, :root {
  --bold: 700;
  --semi: 600;
  --medium: 500;
  --normal: 400;
  --brand-1: #14121F;
  --brand-2: #1B1525;
  --brand-3: #291F43;
  --brand-4: #33255B;
  --brand-5: #3C2E69;
  --brand-6: #473876;
  --brand-7: #56468B;
  --brand-8: #6958AD;
  --brand-9: #755ed1;
  --heading: "Space Grotesk";
  --text-lg: 1.125rem;
  --text-md: 1rem;
  --text-sm: 0.875rem;
  --text-xl: 1.25rem;
  --text-xs: 0.75rem;
  --brand-10: #8a75dd;
  --brand-11: #BAA7FF;
  --brand-12: #E2DDFE;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --border-lg: 2px;
  --border-md: 1px;
  --neutral-0: #0b0a0b;
  --neutral-1: #121113;
  --neutral-2: #1A191B;
  --neutral-3: #232225;
  --neutral-4: #2B292D;
  --neutral-5: #323035;
  --neutral-6: #3C393F;
  --neutral-7: #49474E;
  --neutral-8: #625F69;
  --neutral-9: #6F6D78;
  --shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
  --shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
  --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
  --success-1: #0D1514;
  --success-2: #111C1B;
  --success-3: #0D2D2A;
  --success-4: #023B37;
  --success-5: #084843;
  --success-6: #145750;
  --success-7: #1C6961;
  --success-8: #207E73;
  --success-9: #12A594;
  --warning-1: #16120C;
  --warning-2: #1D180F;
  --warning-3: #302008;
  --warning-4: #3F2700;
  --warning-5: #4D3000;
  --warning-6: #5C3D05;
  --warning-7: #714F19;
  --warning-8: #8F6424;
  --warning-9: #FFC53D;
  --critical-1: #191113;
  --critical-2: #1E1517;
  --critical-3: #3A141E;
  --critical-4: #4E1325;
  --critical-5: #5E1A2E;
  --critical-6: #6F2539;
  --critical-7: #883447;
  --critical-8: #B3445A;
  --critical-9: #E54666;
  --neutral-10: #7C7A85;
  --neutral-11: #B5B2BC;
  --neutral-12: #EEEEF0;
  --overlay-a1: #ffffff0d;
  --overlay-a2: #ffffff1a;
  --overlay-a3: #ffffff26;
  --overlay-a4: #ffffff33;
  --overlay-a5: #ffffff4d;
  --overlay-a6: #ffffff66;
  --overlay-a7: #ffffff80;
  --overlay-a8: #ffffff99;
  --overlay-a9: #ffffffb3;
  --shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --success-10: #0EB39E;
  --success-11: #0BD8B6;
  --success-12: #ADF0DD;
  --warning-10: #FFD60A;
  --warning-11: #FFCA16;
  --warning-12: #FFE7B3;
  --border-none: 0px;
  --critical-10: #EC5A72;
  --critical-11: #FF949D;
  --critical-12: #FED2E1;
  --overlay-a10: #ffffffcc;
  --overlay-a11: #ffffffe6;
  --overlay-a12: #fffffff2;
  --rounding-lg: 8px;
  --rounding-md: 4px;
  --rounding-sm: 2px;
  --shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --badge-size-lg: 2.5rem;
  --badge-size-md: 2rem;
  --badge-size-sm: 1.5rem;
  --header-height: 4.5rem;
  --rounding-full: 9999px;
  --rounding-none: 0px;
  --avatar-size-lg: 3rem;
  --avatar-size-md: 2rem;
  --avatar-size-sm: 1.5rem;
  --line-height-lg: 1.75rem;
  --line-height-md: 1.5rem;
  --line-height-sm: 1.25rem;
  --line-height-xl: 1.875rem;
  --line-height-xs: 1.125rem;
  --line-height-2xl: 2rem;
  --line-height-3xl: 2.375rem;
  --line-height-4xl: 2.75rem;
  --line-height-5xl: 3.75rem;
  --line-height-6xl: 4.5rem;
  --side-menu-width: 4rem;
  --spinner-size-lg: 1.75rem;
  --spinner-size-md: 1.5rem;
  --spinner-size-sm: 1.25rem;
  --toggle-height-md: 1.5rem;
  --heading-thickness: 600;
  --letter-spacing-lg: 0rem;
  --letter-spacing-md: 0rem;
  --letter-spacing-sm: 0rem;
  --letter-spacing-xl: 0rem;
  --letter-spacing-xs: 0rem;
  --letter-spacing-2xl: 0rem;
  --letter-spacing-3xl: 0rem;
  --letter-spacing-4xl: -0.045rem;
  --letter-spacing-5xl: -0.0575rem;
  --letter-spacing-6xl: -0.075rem;
  --overlay-inverted-a1: #0000000d;
  --overlay-inverted-a2: #0000001a;
  --overlay-inverted-a3: #00000026;
  --overlay-inverted-a4: #00000033;
  --overlay-inverted-a5: #0000004d;
  --overlay-inverted-a6: #00000066;
  --overlay-inverted-a7: #00000080;
  --overlay-inverted-a8: #00000099;
  --overlay-inverted-a9: #000000b3;
  --overlay-inverted-a10: #000000cc;
  --overlay-inverted-a11: #000000e6;
  --overlay-inverted-a12: #000000f2;
  --interactive-height-lg: 3rem;
  --interactive-height-md: 2.5rem;
  --interactive-height-sm: 2rem;
}
  
  
  [data-nc-theme~="Default"] {
  --bold: 700;
  --semi: 600;
  --medium: 500;
  --normal: 400;
  --brand-1: #14121F;
  --brand-2: #1B1525;
  --brand-3: #291F43;
  --brand-4: #33255B;
  --brand-5: #3C2E69;
  --brand-6: #473876;
  --brand-7: #56468B;
  --brand-8: #6958AD;
  --brand-9: #755ed1;
  --heading: "Space Grotesk";
  --text-lg: 1.125rem;
  --text-md: 1rem;
  --text-sm: 0.875rem;
  --text-xl: 1.25rem;
  --text-xs: 0.75rem;
  --brand-10: #8a75dd;
  --brand-11: #BAA7FF;
  --brand-12: #E2DDFE;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --border-lg: 2px;
  --border-md: 1px;
  --neutral-0: #0b0a0b;
  --neutral-1: #121113;
  --neutral-2: #1A191B;
  --neutral-3: #232225;
  --neutral-4: #2B292D;
  --neutral-5: #323035;
  --neutral-6: #3C393F;
  --neutral-7: #49474E;
  --neutral-8: #625F69;
  --neutral-9: #6F6D78;
  --shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
  --shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
  --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
  --success-1: #0D1514;
  --success-2: #111C1B;
  --success-3: #0D2D2A;
  --success-4: #023B37;
  --success-5: #084843;
  --success-6: #145750;
  --success-7: #1C6961;
  --success-8: #207E73;
  --success-9: #12A594;
  --warning-1: #16120C;
  --warning-2: #1D180F;
  --warning-3: #302008;
  --warning-4: #3F2700;
  --warning-5: #4D3000;
  --warning-6: #5C3D05;
  --warning-7: #714F19;
  --warning-8: #8F6424;
  --warning-9: #FFC53D;
  --critical-1: #191113;
  --critical-2: #1E1517;
  --critical-3: #3A141E;
  --critical-4: #4E1325;
  --critical-5: #5E1A2E;
  --critical-6: #6F2539;
  --critical-7: #883447;
  --critical-8: #B3445A;
  --critical-9: #E54666;
  --neutral-10: #7C7A85;
  --neutral-11: #B5B2BC;
  --neutral-12: #EEEEF0;
  --overlay-a1: #ffffff0d;
  --overlay-a2: #ffffff1a;
  --overlay-a3: #ffffff26;
  --overlay-a4: #ffffff33;
  --overlay-a5: #ffffff4d;
  --overlay-a6: #ffffff66;
  --overlay-a7: #ffffff80;
  --overlay-a8: #ffffff99;
  --overlay-a9: #ffffffb3;
  --shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --success-10: #0EB39E;
  --success-11: #0BD8B6;
  --success-12: #ADF0DD;
  --warning-10: #FFD60A;
  --warning-11: #FFCA16;
  --warning-12: #FFE7B3;
  --border-none: 0px;
  --critical-10: #EC5A72;
  --critical-11: #FF949D;
  --critical-12: #FED2E1;
  --overlay-a10: #ffffffcc;
  --overlay-a11: #ffffffe6;
  --overlay-a12: #fffffff2;
  --rounding-lg: 8px;
  --rounding-md: 4px;
  --rounding-sm: 2px;
  --shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --badge-size-lg: 2.5rem;
  --badge-size-md: 2rem;
  --badge-size-sm: 1.5rem;
  --header-height: 4.5rem;
  --rounding-full: 9999px;
  --rounding-none: 0px;
  --avatar-size-lg: 3rem;
  --avatar-size-md: 2rem;
  --avatar-size-sm: 1.5rem;
  --line-height-lg: 1.75rem;
  --line-height-md: 1.5rem;
  --line-height-sm: 1.25rem;
  --line-height-xl: 1.875rem;
  --line-height-xs: 1.125rem;
  --line-height-2xl: 2rem;
  --line-height-3xl: 2.375rem;
  --line-height-4xl: 2.75rem;
  --line-height-5xl: 3.75rem;
  --line-height-6xl: 4.5rem;
  --side-menu-width: 4rem;
  --spinner-size-lg: 1.75rem;
  --spinner-size-md: 1.5rem;
  --spinner-size-sm: 1.25rem;
  --toggle-height-md: 1.5rem;
  --heading-thickness: 600;
  --letter-spacing-lg: 0rem;
  --letter-spacing-md: 0rem;
  --letter-spacing-sm: 0rem;
  --letter-spacing-xl: 0rem;
  --letter-spacing-xs: 0rem;
  --letter-spacing-2xl: 0rem;
  --letter-spacing-3xl: 0rem;
  --letter-spacing-4xl: -0.045rem;
  --letter-spacing-5xl: -0.0575rem;
  --letter-spacing-6xl: -0.075rem;
  --overlay-inverted-a1: #0000000d;
  --overlay-inverted-a2: #0000001a;
  --overlay-inverted-a3: #00000026;
  --overlay-inverted-a4: #00000033;
  --overlay-inverted-a5: #0000004d;
  --overlay-inverted-a6: #00000066;
  --overlay-inverted-a7: #00000080;
  --overlay-inverted-a8: #00000099;
  --overlay-inverted-a9: #000000b3;
  --overlay-inverted-a10: #000000cc;
  --overlay-inverted-a11: #000000e6;
  --overlay-inverted-a12: #000000f2;
  --interactive-height-lg: 3rem;
  --interactive-height-md: 2.5rem;
  --interactive-height-sm: 2rem;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-outfit: 'Outfit',sans-serif;
--font-ptmono: 'PT Mono',monospace;
--font-Space Grotesk: 'Space Grotesk',sans-serif;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .eHCmYt {
      color:inherit;
      width:100%;
      display:flex;
      row-gap:1rem;
      font-size:inherit;
      column-gap:1rem;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .bEslrs {
      display:table;
      border-spacing:0;
      border-collapse:collapse;
    }

    .eshfUM {
      display:table-row;
      border-bottom-color:var(--neutral-5, #323035);
      border-bottom-style:solid;
      border-bottom-width:var(--border-md);
    }

    .eshfUM.no-border {
      border-bottom-color:black;
      border-bottom-style:none;
      border-bottom-width:0px;
    }

    .members-table\:bodyRow {
      transition:all 300ms ease;
    }

    .members-table\:bodyRow:hover {
      background:var(--neutral-2);
    }

    .bgUayH {
      color:inherit;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fblwwU {
      color:var(--neutral-11, #B5B2BC);
      width:2rem;
      cursor:pointer;
      height:2rem;
      display:flex;
      font-size:inherit;
      background:transparent;
      transition:all 200ms ease;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-color:transparent;
      border-style:solid;
      border-width:1px;
      border-radius:var(--rounding-md);
      flex-direction:row;
      justify-content:center;
    }

    .fblwwU:hover {
      background:var(--neutral-3);
    }

    .fblwwU:disabled {
      cursor:default;
      opacity:0.4;
    }

    .eugaCG {
      color:var(--neutral-11, #B5B2BC);
      height:2rem;
      display:flex;
      font-size:var(--text-sm);
      min-width:1.5rem;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--medium);
      user-select:none;
      flex-direction:row;
      justify-content:center;
    }

    .bDfBBw {
      width:var(--size);
      box-sizing:border-box;
    }

    .bZWCAL {
      box-sizing:border-box;
    }

    .members-table\:sortIcon {
      color:white;
      width:1rem;
    }

    .fjSlyG {
      color:var(--neutral-12, #EEEEF0);
      display:table-cell;
      box-shadow:inset 0 -1px var(--neutral-7);
      text-align:left;
      font-family:'Outfit';
      font-weight:var(--medium);
      padding-top:0.75rem;
      padding-left:0.75rem;
      padding-right:0.75rem;
      padding-bottom:0.75rem;
      border-right-color:var(--neutral-4);
      border-right-style:solid;
      border-right-width:1px;
    }

    .members-table\:thBranch {
      width:15%;
      display:var(--branch-display);
    }

    .members-table\:thStatus {
      width:var(--status-width);
      display:var(--display);
    }

    .cpgnuT {
      color:var(--neutral-11, #B5B2BC);
      display:flex;
      font-size:var(--text-sm);
      column-gap:0.25rem;
      align-items:center;
      font-family:'Outfit';
      font-weight:inherit;
      flex-direction:row;
    }

    .pPZKX {
      color:inherit;
      width:100%;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      padding-bottom:1rem;
      justify-content:space-between;
    }

    .bKSWpD {
      gap:0.375rem;
      color:var(--neutral-12, #EEEEF0);
      width:fit-content;
      display:flex;
      padding:0.25rem 0.625rem;
      font-size:var(--text-sm);
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--medium);
      border-color:var(--neutral-6);
      border-style:solid;
      border-width:1px;
      border-radius:var(--rounding-full, 9999px);
      flex-direction:row;
    }

    .bfdcYs {
      display:table-row-group;
      padding-bottom:0.5rem;
    }

    .cLvkam {
      display:table-header-group;
      background:var(--neutral-3);
    }

    .members-table\:thAccount {
      width:var(--account-width);
    }

    .members-table\:thCompany {
      width:20%;
      display:var(--display);
    }

    .members-table\:thCreated {
      width:var(--created-width);
      display:var(--display);
    }

    .bQhOXc {
      color:var(--neutral-11, #B5B2BC);
      display:table-cell;
      text-align:left;
      font-family:'Outfit';
      padding-top:0.75rem;
      padding-left:0.75rem;
      padding-right:0.75rem;
      padding-bottom:0.75rem;
    }

    .members-table\:branchCell {
      display:var(--branch-display);
    }

    .iVQEY {
      color:var(--branch-color);
      display:inline;
      font-size:inherit;
      font-family:'Outfit';
      font-weight:inherit;
      flex-direction:row;
    }

    .fauOyV {
      color:var(--neutral-12, #EEEEF0);
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:var(--semi);
      flex-direction:row;
    }

    .fzXXUI {
      color:var(--neutral-11, #B5B2BC);
      width:100%;
      display:var(--display);
      padding:3rem;
      font-size:var(--text-md);
      background:var(--neutral-3);
      align-items:center;
      font-family:'Outfit';
      font-weight:inherit;
      border-color:var(--neutral-6, #3B3943);
      border-style:solid;
      border-width:1px;
      border-radius:var(--rounding-md);
      flex-direction:row;
      justify-content:center;
    }

    .fkkXXI {
      color:inherit;
      width:var(--filter-wrap-width);
      display:flex;
      row-gap:1rem;
      font-size:inherit;
      max-width:100%;
      column-gap:1rem;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .members-table\:searchIcon {
      color:white;
      width:1rem;
    }

    .bAWZKq {
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .epwbyX {
      gap:0.125rem;
      align-items:center;
      padding-left:0.5rem;
      flex-direction:row;
      justify-content:start;
    }

    .bRKGYi {
      width:1rem;
      height:1rem;
    }

    .itvls {
      cursor:default;
    }

    .so-dropdown-item-sortby\:J9vB1EwIMeVyJXb3MCSrD {
      color:var(--neutral-12, #EEEEF0);
      width:100%;
      cursor:pointer;
      height:var(--interactive-height-sm);
      font-size:var(--text-md);
      background:var(--brand-4);
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--normal);
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:0px;
      padding-right:0.75rem;
      flex-direction:row;
      justify-content:space-between;
    }

    .so-dropdown-item-sortby\:J9vB1EwIMeVyJXb3MCSrD:active {
      background-color:var(--brand-4, #33255B);
    }

    .so-dropdown-item-sortby\:J9vB1EwIMeVyJXb3MCSrD:focus {
      background-color:var(--brand-4, #33255B);
    }

    .so-dropdown-item-sortby\:J9vB1EwIMeVyJXb3MCSrD.open {
      background-color:var(--brand-4, #33255B);
    }

    .so-dropdown-item-sortby\:J9vB1EwIMeVyJXb3MCSrD.disabled {
      color:var(--neutral-9, #6F6D78);
      background-color:transparent;
    }

    .so-dropdown-item-sortby\:L9qexqKOOomQ7SSIhuwQ- {
      color:var(--neutral-12, #EEEEF0);
      width:100%;
      cursor:pointer;
      height:var(--interactive-height-sm);
      font-size:var(--text-md);
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--normal);
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:0px;
      padding-right:0.75rem;
      flex-direction:row;
      justify-content:space-between;
    }

    .so-dropdown-item-sortby\:L9qexqKOOomQ7SSIhuwQ-:active {
      background-color:var(--brand-4, #33255B);
    }

    .so-dropdown-item-sortby\:L9qexqKOOomQ7SSIhuwQ-.disabled {
      color:var(--neutral-9, #6F6D78);
      background-color:transparent;
    }

    .so-dropdown-item-sortby\:L9qexqKOOomQ7SSIhuwQ-:hover {
      background:var(--neutral-4);
    }

    .esmvnk {
      color:var(--neutral-11, #B5B2BC);
      display:inline-block;
      font-size:var(--text-md);
      margin-top:var(--margin-top);
      font-family:Outfit;
      font-weight:inherit;
      line-height:var(--line-height);
      white-space:normal;
      margin-bottom:var(--margin-bottom);
      letter-spacing:var(--letter-spacing);
    }

    .esmvnk.truncated {
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .esmvnk.clamped {
      display:-webkit-box;
      overflow:hidden;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:var(--clamp-lines);
    }

    .so-dropdown-item-sortby\:ep4Z9xBTg48tFhHeBCjp3 {
      color:var(--neutral-9, #6F6D78);
      font-size:0.8rem;
    }

    .so-dropdown-item-sortby\:rIcQ9y4wku77L8CfN4KTN {
      color:var(--neutral-9, #6F6D78);
      font-size:0.8rem;
    }

    .members-table\:statusCell {
      display:var(--display);
    }

    .members-table\:statusIcon {
      color:white;
      width:1rem;
    }

    .members-table\:thLocation {
      width:20%;
      display:var(--display);
    }

    .XBGhW {
      color:inherit;
      display:inline;
      font-size:var(--text-md);
      font-family:'Outfit';
      font-weight:var(--semi);
      flex-direction:row;
    }

    .members-table\:companyCell {
      display:var(--display);
    }

    .bNgXab {
      color:var(--comp-color);
      display:inline;
      font-size:inherit;
      font-family:'Outfit';
      font-weight:inherit;
      flex-direction:row;
    }

    .members-table\:createdCell {
      display:var(--display);
    }

    .cfZWIP {
      gap:0.375rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .euMYQs {
      color:var(--neutral-11, #B5B2BC);
      cursor:pointer;
      height:2rem;
      display:flex;
      padding:0 0.5rem;
      font-size:var(--text-sm);
      min-width:2rem;
      background:transparent;
      transition:all 200ms ease;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--medium);
      border-color:transparent;
      border-style:solid;
      border-width:1px;
      border-radius:var(--rounding-md);
      flex-direction:row;
      justify-content:center;
    }

    .euMYQs.active {
      color:var(--neutral-12, #EEEEF0);
      background:var(--neutral-3);
      border-color:var(--brand-9, #755ed1);
    }

    .euMYQs:hover {
      background:var(--neutral-3);
    }

    .euMYQs:focus-visible {
      outline:2px solid var(--brand-9, #755ed1);
      outline-offset:2px;
    }

    .chAOKJ {
      width:100%;
    }

    .members-table\:searchField {
      width:var(--search-width);
      min-width:26rem;
      flex-shrink:1;
    }

    .eFQaJC {
      top:var(--top);
      left:var(--left);
      position:absolute;
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
      pointer-events:all;
      transform-origin:var(--transform-origin-x) var(--transform-origin-y);
    }

    .eFQaJC:focus {
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
    }

    .eFQaJC.hidden {
      visibility:hidden;
      pointer-events:none;
    }

    .eFQaJC.match-anchor-width {
      width:var(--sc-anchor-width);
    }

    .sparkcore\/sc-dropdown-content\:root:focus {
      outline:none;
    }

    .so-dropdown-content\:root {
      gap:0.25rem;
      opacity:0;
      min-width:200px;
      padding-top:0.5rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.5rem;
      border-radius:var(--rounding-lg);
      padding-right:0.5rem;
      padding-bottom:0.5rem;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .so-dropdown-content\:root.open {
      opacity:1;
    }

    .so-dropdown-content\:root.open-transition {
      transition:opacity 200ms ease 0ms normal;
    }

    .eaboky {
      width:fit-content;
      height:auto;
    }

    .so-button-secondary\:root {
      gap:0.5rem;
      color:var(--neutral-12, #EEEEF0);
      width:fit-content;
      cursor:pointer;
      height:var(--interactive-height-md);
      font-size:var(--text-md);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--semi);
      user-select:none;
      border-color:var(--neutral-6, #3C393F);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--border-lg);
      padding-right:0.75rem;
      flex-direction:row;
      outline-offset:var(--border-md);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      background-color:var(--neutral-0, #0b0a0b);
      -webkit-user-select:none;
      -webkit-tap-highlight-color:transparent;
    }

    .so-button-secondary\:root:hover {
      background-color:var(--neutral-2, #1A191B);
    }

    .so-button-secondary\:root:active {
      transition:none;
      background-color:var(--neutral-4, #2B292D);
    }

    .so-button-secondary\:root:focus-visible {
      outline-color:var(--brand-8, #6958AD);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .so-button-secondary\:root.trigger-open {
      background-color:var(--neutral-2, #1A191B);
    }

    .so-button-secondary\:root.disabled {
      opacity:0.5;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .cAkrZN {
      top:0px;
      left:0px;
      color:inherit;
      right:0px;
      bottom:0px;
      display:flex;
      z-index:;
      position:absolute;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      justify-content:center;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .erOIUf {
      width:var(--size);
      height:var(--size);
      animation:spinner 1s linear infinite;
      border-radius:50%;
    }

    .cEwXHJ {
      width:100%;
      height:100%;
      position:absolute;
      border-color:transparent;
      border-style:solid;
      border-width:4px;
      border-radius:50%;
      border-top-color:var(--color, #EEEEF0);
      border-top-style:solid;
      border-top-width:4px;
    }

    .eHeDKH {
      width:100%;
      height:100%;
      opacity:0.3;
      position:absolute;
      border-color:var(--color, #EEEEF0);
      border-style:solid;
      border-width:4px;
      border-radius:50%;
    }

    .eJnwoz {
      gap:0.25rem;
      color:var(--color);
      width:fit-content;
      height:var(--height);
      display:flex;
      font-size:var(--font-size);
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--semi);
      border-color:var(--color-border);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:var(--padding-horizontal);
      border-radius:var(--rounding-full);
      padding-right:var(--padding-horizontal);
      flex-direction:row;
      justify-content:center;
      background-color:var(--color-bg);
    }

    .faKBBE {
      gap:0.75rem;
      color:var(--neutral-12, #EEEEF0);
      cursor:pointer;
      display:flex;
      font-size:inherit;
      transition:all 300ms ease;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .faKBBE:hover {
      color:var(--brand-10);
    }

    .members-table\:locationCell {
      display:var(--display);
    }

    .fjaQGY {
      color:var(--loc-color);
      display:inline;
      font-size:inherit;
      font-style:normal;
      font-family:'Outfit';
      font-weight:inherit;
      flex-direction:row;
    }

    .btQRFE {
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dYElHa {
      width:var(--width);
      height:var(--height);
      position:fixed;
      pointer-events:none;
    }

    .dYElHa.modal {
      pointer-events:all;
    }

    .ekdIOm {
      color:inherit;
      width:100%;
      display:var(--display);
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cDyCcs {
      color:inherit;
      width:0.5rem;
      height:0.5rem;
      display:inline;
      font-size:inherit;
      background:var(--dot-color);
      font-family:inherit;
      font-weight:inherit;
      border-radius:var(--rounding-full, 9999px);
      flex-direction:row;
    }

    .fpqfIZ {
      color:var(--neutral-11, #B5B2BC);
      width:1.5rem;
      border:none;
      cursor:pointer;
      height:1.5rem;
      display:var(--display);
      padding:0px;
      font-size:inherit;
      background:transparent;
      transition:all 300ms ease;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .fpqfIZ:hover {
      background:var(--neutral-6);
    }

    .bUJtOC {
      max-width:100%;
      overflow-x:auto;
      overflow-y:hidden;
      border-color:var(--neutral-7, #49474E);
      border-style:solid;
      border-width:1px;
      border-top-left-radius:var(--rounding-lg);
      border-top-right-radius:var(--rounding-lg);
      border-bottom-left-radius:var(--rounding-lg);
      border-bottom-right-radius:var(--rounding-lg);
    }

    .members-table\:tableContainer {
      width:100%;
    }

    .buwDbP {
      color:var(--neutral-9, #6F6D78);
      display:inline;
      font-size:var(--text-sm);
      font-family:'Outfit';
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:0.03em;
    }

    .dEGgNw {
      gap:0.125rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .dEGgNw:hover {
      color:var(--brand-9);
    }

    .members-table\:extraFilterIcon {
      color:white;
      width:1rem;
    }

    .members-table\:pageSizeTrigger {
      gap:0.25rem;
      color:var(--neutral-11, #B5B2BC);
      height:2rem;
      display:flex;
      padding:0 0.5rem;
      font-size:var(--text-sm);
      background:transparent;
      align-items:center;
      font-family:'Outfit';
      font-weight:inherit;
      border-color:transparent;
      flex-direction:row;
    }

    .members-table\:pageSizeTrigger:hover {
      color:var(--neutral-12, #EEEEF0);
      background:var(--neutral-3);
    }

    .eQgaZy {
      gap:0.5rem;
      width:100%;
      height:var(--interactive-height-md);
      display:flex;
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      border-color:var(--neutral-7, #49474E);
      border-style:solid;
      border-width:1px;
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      padding-right:0.75rem;
      flex-direction:row;
      justify-content:start;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .eQgaZy:hover {
      background-color:var(--neutral-1, #121113);
    }

    .eQgaZy.focused {
      border-color:var(--brand-10, #8a75dd);
      border-style:solid;
      border-width:var(--border-md);
      outline-color:var(--brand-6, #473876);
      outline-style:solid;
      outline-width:var(--border-lg);
      background-color:var(--neutral-0, #0b0a0b);
    }

    .dnSmfd {
      flex:1;
      color:var(--neutral-12, #EEEEF0);
      width:100%;
      height:100%;
      font-size:var(--text-md);
      font-family:'Outfit';
      font-weight:var(--normal);
    }

    .dnSmfd::placeholder {
      color:var(--neutral-9, #6F6D78);
      font-size:var(--text-md);
      font-family:'Outfit';
      font-weight:var(--normal);
    }

    .lVovN {
      color:inherit;
      width:100%;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:1rem;
      flex-direction:row;
      justify-content:space-between;
    }

    .members-table\:pageSizeChevronIcon {
      color:inherit;
      width:1rem;
      height:1rem;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dqBUBt {
      gap:1rem;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .mWNQx {
      color:inherit;
      width:calc(100% - var(--side-menu-width));
      display:block;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      margin-left:var(--side-menu-width);
      flex-direction:row;
      padding-bottom:3rem;
      justify-content:start;
    }

    .esHQCB {
      width:100%;
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
      padding-top:5rem;
      padding-left:5%;
      padding-right:5%;
      padding-bottom:5rem;
    }

    .dZPgmy {
      color:var(--neutral-12);
      width:100%;
      font-size:var(--font-size);
      margin-top:var(--margin-top);
      font-family:var(--heading);
      font-weight:var(--heading-thickness);
      line-height:var(--line-height);
      white-space:normal;
      margin-bottom:var(--margin-bottom);
      letter-spacing:var(--letter-spacing);
    }

    .dZPgmy.truncated {
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .dZPgmy.clamped {
      display:-webkit-box;
      overflow:hidden;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:var(--clamp-lines);
    }

    .Members---Guild-Members\:J9gCDVwDtqsmDvabNJR2l {
      padding-bottom:2rem;
    }

    .gjhJb {
      display:none;
    }

    @media (max-width: 1024px) {

    .gjhJb {
      width:100%;
      height:var(--header-height);
      display:flex;
      position:fixed;
      align-items:center;
      margin-left:0px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      justify-content:space-between;
      background-color:var(--neutral-1, #121113);
      border-bottom-color:var(--neutral-5, #323035);
      border-bottom-style:solid;
      border-bottom-width:var(--border-md);
    }
    }

    .eaJUIl {
      align-items:center;
      flex-direction:row;
      justify-content:start;
    }

    .bujhXV {
      gap:1.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:start;
    }

    @media (max-width: 1024px) {

    .bujhXV {
      gap:0.5rem;
    }
    }

    .so-button-tertiary\:root {
      gap:0.5rem;
      color:var(--neutral-12, #EEEEF0);
      width:fit-content;
      cursor:pointer;
      height:var(--interactive-height-md);
      font-size:var(--text-md);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:Outfit;
      font-weight:var(--medium);
      user-select:none;
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--border-lg);
      padding-right:0.75rem;
      flex-direction:row;
      outline-offset:var(--border-md);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      -webkit-user-select:none;
      -webkit-tap-highlight-color:transparent;
    }

    .so-button-tertiary\:root:hover {
      background-color:var(--overlay-a2, #ffffff1a);
    }

    .so-button-tertiary\:root:active {
      transition:none;
      background-color:var(--overlay-a3, #ffffff26);
    }

    .so-button-tertiary\:root:focus-visible {
      outline-color:var(--brand-8, #6958AD);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .so-button-tertiary\:root.trigger-open {
      background-color:var(--overlay-a3, #ffffff26);
    }

    .so-button-tertiary\:root.disabled {
      opacity:0.5;
      background-color:var(--overlay-a1, #ffffff0d);
    }

    .mobile-header\:Su2iGN6oaYrlcRHdn_j6Q {
      width:var(--interactive-height-sm);
      height:var(--interactive-height-sm);
    }

    .FjDpe {
      color:inherit;
      width:1.25rem;
      height:1.25rem;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .bQnMRO {
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:flex-start;
    }

    .eEyyFy {
      color:white;
      display:var(--logo-full-display, block);
      font-size:24px;
      font-family:Outfit;
      font-weight:500;
      margin-left:12px;
      white-space:nowrap;
      flex-direction:row;
    }

    .eIGQUf {
      color:white;
      display:var(--logo-short-display, block);
      font-size:24px;
      font-family:Outfit;
      font-weight:500;
      flex-direction:row;
    }

    .Members---Guild-Members\:MSNUXQBJOZgGsTif6eec_ {
      z-index:100;
    }

    .rGdvB {
      --logo-full-display:none;
      --logo-short-display:block;
      width:4rem;
      height:100dvh;
      z-index:50;
      position:fixed;
      overflow-x:hidden;
      transition:width 300ms cubic-bezier(0.2, 0, 0, 1) 0ms;
      padding-left:0.75rem;
      padding-right:0.75rem;
      background-color:var(--neutral-1, #121113);
      border-right-color:var(--neutral-4, #E8E8EC);
      border-right-style:solid;
      border-right-width:1px;
    }

    @media (max-width: 1024px) {

    .rGdvB {
      width:280px;
      display:flex;
      max-width:90vw;
      translate:-100%;
      flex-direction:column;
    }
    }

    @media (max-width: 1024px) {

    .rGdvB.open {
      display:flex;
      translate:0;
      transition:all 320ms ease 0ms normal;
      flex-direction:column;
    }
    }

    .rGdvB.open {
      transition:all 320ms ease 0ms normal;
    }

    .rGdvB:hover {
      width:280px;;
      --logo-full-display:block;;
      --logo-short-display:none;;
    }

    .ciGSZn {
      color:inherit;
      display:grid;
      opacity:var(--opacity);
      row-gap:0.25rem;
      overflow:hidden;
      font-size:inherit;
      transition:grid-template-rows 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms ease;
      border-left:1px solid var(--neutral-4, #E8E8EC);
      font-family:inherit;
      font-weight:inherit;
      margin-left:1.4rem;
      padding-left:1rem;
      flex-direction:column;
      grid-template-rows:var(--rows);
    }

    .a-DOaA {
      color:inherit;
      cursor:pointer;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .eDOFGF {
      color:inherit;
      display:flex;
      row-gap:0.25rem;
      font-size:inherit;
      min-height:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .eWKinw {
      top:0px;
      left:0px;
      width:20px;
      bottom:0px;
      position:absolute;
    }

    .fhYAob {
      color:var(--neutral-11);
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fhYAob:hover {
      color:white;
    }

    .HJnbc {
      flex:1;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      font-family:"Outfit";
      font-weight:inherit;
      flex-direction:row;
    }

    .side-bar-buttons-sub\:Nqwl-To6u5qUAI1sYeZr1 {
      gap:0.75rem;
      color:inherit;
      width:100%;
      display:flex;
      padding:0.5rem;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:flex-start;
    }

    .side-bar-buttons-sub\:Nqwl-To6u5qUAI1sYeZr1:hover {
      color:white;
    }

    .coSDTP {
      color:inherit;
      display:inline;
      overflow:hidden;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      white-space:nowrap;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    .side-bar-buttons\:Nqwl-To6u5qUAI1sYeZr1 {
      gap:0.75rem;
      color:inherit;
      width:100%;
      display:flex;
      padding:0.5rem;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:flex-start;
    }

    .side-bar-buttons\:Nqwl-To6u5qUAI1sYeZr1:hover {
      color:white;
    }

    .faJjhx {
      color:inherit;
      width:1.25rem;
      height:1.25rem;
      display:flex;
      font-size:inherit;
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:center;
    }

    .navigation-menu\:6OtjnOlDHkNc9JSkD_VAZ {
      width:100%;
      height:100%;
    }

    .version-number\:eVdzbvaWd6P2AWR2YX7w0 {
      color:var(--neutral-9);
      font-size:0.75rem;
    }

    .navigation-menu\:8SN8ccJy9upWmr6gc7MbA {
      width:100%;
      align-items:center;
      justify-content:center;
    }

    .PKgRP {
      height:100%;
      display:flex;
      align-items:flex-start;
      flex-direction:column;
      justify-content:space-between;
    }

    .cufGXv {
      overflow-y:auto;
      touch-action:auto;
    }

    .navigation-menu\:AnfCDhaA7kGBpaZ7Yi1aT {
      flex:1;
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
      padding-top:2rem;
      padding-bottom:1.5rem;
    }

    .KMHId {
      color:inherit;
      width:100%;
      display:flex;
      row-gap:0.5rem;
      font-size:inherit;
      column-gap:0.5rem;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .navigation-menu\:NIgodaXd05mcjjLqhUhYW {
      width:100%;
      height:100%;
    }

    .navigation-menu\:WuiAgvxmI2MfThG0oO5-n {
      width:100%;
      height:100%;
    }

    .navigation-menu\:aPpgb3cWlUoqUKU1PH6pF {
      width:100%;
      height:100%;
    }

    .navigation-menu\:evw51IuuZ82oBFTB3dgqD {
      width:100%;
      height:100%;
    }

    .dYFbwd {
      width:100%;
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
      flex-direction:column;
    }

    .fcQyKL {
      height:var(--header-height);
      align-items:start;
      padding-left:1rem;
      padding-right:1rem;
      justify-content:center;
    }

    .bFtwKY {
      width:100%;
      height:1px;
      background-color:var(--grey-600, #525252);
    }

    .bFtwKY.orientation-vertical {
      width:1px;
      height:100%;
    }

    .so-separator\:root {
      background-color:var(--neutral-5, #323035);
    }

    .dDmvSw {
      display:flex;
      padding-left:0.75rem;
      padding-right:0.75rem;
      flex-direction:column;
    }

    .Members---Guild-Members\:O_bxdnoR3oe-nZHw9DNoh {
      z-index:300;
    }

    .bGCNOR {
      height:var(--height);
      position:fixed;
      align-items:start;
      pointer-events:none;
      justify-content:start;
    }

    .so-toast-provider\:3HNY67eQbyTMKV7wPLZZf {
      width:100%;
      display:flex;
      position:relative;
      max-width:360px;
      transition:height 150ms ease 0ms normal;
      flex-direction:column;
    }

    .bHYIqa {
      top:var(--top);
      width:100%;
      position:absolute;
      pointer-events:all;
    }

    .bHYIqa.swipe-out-top {
      translate:0 -100%;
    }

    .bHYIqa.swipe-out-right {
      translate:100% 0px;
    }

    .bHYIqa.swipe-out-bottom {
      translate:0 100%;
    }

    .bHYIqa.swipe-out-left {
      translate:-100% 0px;
    }

    .so-toast\:root {
      gap:0.75rem;
      color:var(--neutral-11, #B5B2BC);
      width:100%;
      opacity:0;
      translate:0 16px;
      padding-top:1rem;
      border-color:var(--neutral-6, #3C393F);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      border-radius:var(--rounding-lg);
      padding-right:1rem;
      padding-bottom:1rem;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .so-toast\:root.open {
      opacity:1;
      translate:0 0px;
      transition:translate 250ms ease 0ms normal, top 150ms ease 0ms normal;
    }

    .so-toast\:root.closing {
      opacity:0;
      translate:0 -16px;
    }

    .so-toast\:root.open-transition {
      transition:all 250ms ease 0ms normal;
    }

    .so-toast\:root.close-transition {
      transition:all 150ms ease 0ms normal;
    }

    .so-toast\:root.success {
      color:var(--success-11, #0BD8B6);
      border-color:var(--success-6, #145750);
      border-style:solid;
      border-width:1px;
      background-color:var(--success-2, #111C1B);
    }

    .so-toast\:root.warning {
      color:var(--warning-11, #FFCA16);
      border-color:var(--warning-6, #5C3D05);
      border-style:solid;
      border-width:1px;
      background-color:var(--warning-2, #1D180F);
    }

    .so-toast\:root.critical {
      color:var(--critical-11, #FF949D);
      border-color:var(--critical-6, #6F2539);
      border-style:solid;
      border-width:1px;
      background-color:var(--critical-2, #1E1517);
    }

    .bofcjN {
      gap:0.5rem;
      flex-direction:row;
    }

    .so-toast\:FW2tKddjmqBb2S_WPmtMS {
      color:inherit;
    }

    .so-toast\:gYVdDIDxaBXSrlkux9YPE {
      flex:1;
      color:inherit;
    }

    .so-toast\:qAcThqFGvMbu5lzhtPxSk {
      width:var(--text-lg);
      height:var(--text-lg);
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
      background-color:transparent;
    }

    .so-toast\:qAcThqFGvMbu5lzhtPxSk:hover {
      background-color:transparent;
    }

    .so-toast\:qAcThqFGvMbu5lzhtPxSk:active {
      background-color:transparent;
    }

    .coxdjf {
      width:var(--width);
      height:var(--height);
      position:fixed;
      align-items:start;
      pointer-events:none;
      justify-content:start;
    }

    .so-toast-provider\:jTe6cSAqqTerlGKuSJFnv {
      align-items:end;
      padding-top:1.25rem;
      padding-left:1.25rem;
      padding-right:1.25rem;
      padding-bottom:1.25rem;
      justify-content:start;
    }

    @media (max-width: 1024px) {

    .so-toast-provider\:jTe6cSAqqTerlGKuSJFnv {
      align-items:center;
      justify-content:start;
    }
    }

    .dlxNOc {
      width:100%;
      padding-top:2rem;
      padding-left:5%;
      padding-right:5%;
      padding-bottom:2rem;
    }

    .Members---Guild-Members\:dTXNgWYvwvH5gLdVhinCw {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:start;
      flex-direction:column;
      justify-content:start;
    }

    .dDEgqM {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      opacity:0;
      position:fixed;
      transition:opacity 300ms ease 0ms normal;
      pointer-events:none;
      background-color:var(--overlay-inverted-a9, #000000b3);
    }

    .dDEgqM.open {
      opacity:1;
      transition:opacity 300ms ease 0ms normal;
      pointer-events:all;
    }

    .Members---Guild-Members\:vPGpU5L32tSUHpD2o8OSd {
      z-index:150;
    }

    .dEonIZ {
      width:100%;
      min-height:100vh;
      align-items:start;
      justify-content:start;
      background-color:var(--neutral-1, #121113);
    }